@charset "utf-8";
/* CSS Document */

root { display: block; }
* {margin: 0px; padding: 0px;}
body {font-family: Tahoma, Geneva, sans-serif; font-size: 12px;}
a {
    color: #0361A1;
    text-decoration: none;
}
a:hover {
    text-decoration:  underline;
    color: #EF363B;
}
a img { border: none; }
h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:bold;
}
ul li {
    list-style: none;
    float:left;
    display:block;
}
.border {border:1px #F00 solid;}
.fl {float:left;}
.fr {float:right;}
.letvn { clear:both;}
#loading {background: url('../img/ajax-loader.gif') 0 0 no-repeat; width: 32px; height: 32px; position: absolute; bottom: 20px; right: 20px; display: none; z-index: 10001;}

.container {

    margin:0 auto;
}
.header {
    background: url(../img/menu-bg.gif) top left repeat-x;
    height: 118px;
    position:relative;
}
.header a { color: #1e395b; }
.header a:hover { text-decoration: none; }

.main_content {clear: both;}

/* Search */
.search {
    height: 25px;
}
/* topmenu */
.topmenu {}
.topmenu li {padding: 5px; margin: -1px 2px 0 2px; border: 1px #9fb2c7 solid; border-bottom: 0; background: #eef5fd; cursor: pointer;}
.topmenu li.active, .topmenu li.hover {padding: 8px 5px; margin-top: -6px;}


/* submenu*/
.subNavi {
    height: 93px;
    background: url(../img/navi-bg2.gif) top left repeat-x;
}
.navi-bg { background: url(../img/subNavi-bg1.gif) top right no-repeat; }
.navi-bg2 { background: url(../img/navi-bg.gif) top right; }
/* Box */
.subNavi-box {
    text-align: center;
    overflow: hidden;
    float: left;
    padding: 5px;
}
.subNavi-box1, .subNavi-box2, .subNavi-box3 {
    height: 66px;
    text-align: center;
    float: left;
    margin-right: 2px;
    cursor: pointer;
}
.subNavi-box1 img, .subNavi-box2 img { margin: 5px 0px; }
.subNavi-box1 span, .subNavi-box2 span { display:block; }
.subNavi-box1 a {
    height: 66px;
    display:block;
}
/* box navi 2*/
.subNavi-box2 .top { height: 38px; }
.subNavi-box2 .bottom, .arrow {
    height: 25px;
    background: url(../img/ico-navi.gif) bottom center no-repeat;
    display:block;
}
.subNavi-box3 img {
    vertical-align: middle;
    margin: 3px 3px 3px 0px;
}
.subNavi-box3 a {
    display: block;
    height: 22px;
}
.subNavi-line {
    margin:0px 7px 0px 2px;
    width:3px;
    height: 66px;
    background: url(../img/navi-bg.gif) 0px 0px no-repeat;
    float: left;
}
.guideline {
    position: absolute;
    z-index: 99999;
    display: none;
    width: 300px;
    border: 1px solid #728ead;
    background-color: #ecf4fc;
    padding:3px;
    top: 119px;
}
/* background box*/
.lf1 { padding-left: 5px; }
.rt1 {
    padding-right: 5px;
    height: 66px;
}
.subNavi-box3 .rt1 { height: 20px; padding-top:2px; }
.active .lf1 { background: url(../img/box1-left.gif) top left no-repeat; }
.active .rt1 { background: url(../img/box1-right.gif) top right no-repeat; }
.hover .lf1 { background: url(../img/box1-hover-left.gif) top left no-repeat; }
.hover .rt1 { background: url(../img/box1-hover-right.gif) top right no-repeat; }
.active1 .lf1 { background: url(../img/box2-left.gif) top left no-repeat; }
.active1 .rt1 { background: url(../img/box2-right.gif) top right no-repeat; }
.hoverTop .lf1 { background: url(../img/box2-leftbottom.gif) top left no-repeat; }
.hoverTop .rt1 { background: url(../img/box2-rightbottom.gif) top right no-repeat; }
.hoverBottom .lf1 { background: url(../img/box2-lefttop.gif) top left no-repeat; }
.hoverBottom .rt1 { background: url(../img/box2-righttop.gif) top right no-repeat; }
.subNavi-box3 .active .lf1 { background: url(../img/navi-small-left.gif) top left no-repeat; }
.subNavi-box3 .active .rt1 { background: url(../img/navi-small-right.gif) top right no-repeat; }
.subNavi-box3 .hover .lf1 { background: url(../img/navi-small-left-hover.gif) top left no-repeat; }
.subNavi-box3 .hover .rt1 { background: url(../img/navi-small-right-hover.gif) top right no-repeat; }
/*end */

/* Ngua Go added 8/8/2011 */
.loginpage {width:400px; height:110px; margin:200px auto 10px auto; padding:10px; border:1px #728ead solid; background:#d9e6f4;}
.loginpage .title {font:bold 15px Arial, Helvetica, sans-serif; color:#0361A1; border-bottom:2px #728ead solid; padding:0 0 5px 0; text-align:center;}
.loginpage .form {margin:20px 0 0 0;}
.loginpage .inputbox {width:285px;}
.loginpage .submitbox {width:100px;}
.loginpage .submitbox .button {width:100%; height:62px; border: 1px solid #999999; background:#eaf3fc; text-align:center; font:bold 20px Tahoma, Geneva, sans-serif; color:#0361A1; line-height:58px;}
.loginpage input.text {width:275px; height:25px; margin-bottom:10px; color:#999;}
.login.copyright {width:420px; margin:0 auto; font:bold 15px Arial, Helvetica, sans-serif; color:#0361A1; text-align:right;}

.let { background: #bbcee6;}
.logo {height:50px;}
.logined {margin:5px 5px 0 0;}

input.text, select.select {border:1px #999 solid; color: #069;}
input.text {padding:0 5px; line-height:20px; width:20%;}
select.select {height:20px;}
input.radio {margin-top:6px; background:#000}

.margin_5 {margin:5px;}
.margin_10 {margin:10px;}
.margin_top_bottom {margin-top:5px; margin-bottom:5px;}
.margin_bottom {margin-bottom:20px;}
.margin_bottom3 {margin-bottom:3px;}

.border_bottom1 {border-bottom:1px #bbcee6 solid;}
.border_bottom2 {border-bottom:1px #728ead solid;}
.clickstream {background:#edf5fd; padding:0 5px;}
.clickstream .item {height:40px; margin-right:10px; line-height:40px;}
.clickstream .home {background:url(../img/icon/icon_home_32.png) 0 0 no-repeat; padding-left:35px;}

.panel a, .container_main a {color:#000;}

.panel {padding:0 5px; background:#d4d0c8; line-height:30px;}
.panel .item {margin-right:10px;}
.panel .item.last {margin-right:0;}

.container_main {background:#d4d0c8;}
.col_left {background:#FFF; padding-left:5px; vertical-align:top; padding-right:20px;}
.col_right {background:#FFF; vertical-align:top;}

.leftmenu {}
.leftmenu .item {margin:4px 0; white-space:nowrap;}
.leftmenu .item  .item {margin-left:10px;}
.leftmenu .item.icon  .item {margin-left:-6px;}
.leftmenu .icon {background:url(../img/icon/icon_folder_16.png) 0 0 no-repeat; padding-left:16px;}

.list_folder .item {background:url(../img/icon/icon_folder_48.png) center 0 no-repeat; padding-top:48px; text-align:center; width:80px; margin:10px;}

.readmore {background:url("../img/navi-bg2.gif") repeat-x scroll left top transparent; border-top:1px #728ead solid; border-bottom:1px #728ead solid; font:normal 12px Tahoma, Geneva, sans-serif; text-align:center; padding:0 5px; line-height:30px;}
.box1 {padding:4px 0; background:#d4d0c8; border-top:3px #b7b4ad solid; font:normal 12px Tahoma, Geneva, sans-serif; line-height:25px;}
.box1.bottom {border-top:0; border-bottom:3px #b7b4ad solid;}
.box1 .content {padding:5px; background:#FFF; line-height:25px;}
.bar1 {font:bold 15px Arial, Helvetica, sans-serif; line-height:25px;}

.table_list1 {background:#D4D0C8;}
.table_list1 tr {}
.table_list1 tr th, .table_list1 tr td {background:#FFF; padding:2px; line-height:30px;}
.table_list1 tr th {background:#D4D0C8;}
.table_list1 .width_min {width:1%; white-space:nowrap; text-align:center;}

.list_style1 .ui-selecting { background: #f4f8fc; }
.list_style1 .ui-selected { background: #daecfe; color: #000; }
.list_style1 {list-style-type: none; margin: 0; padding: 0;}
.list_style1 li {border:1px #D4D0C8 solid; border-width: 1px 0; background:#FFF; margin: 3px 0; padding: 0.4em;}
.list_style1 .item {position:relative; line-height:20px;}
.list_style1 .item .action {position:absolute; right:5px; top:5px;}
.list_style1 .item .focus {font:bold 12px Arial, Helvetica, sans-serif;}

.pagination a {font:bold 13px Tahoma, Geneva, sans-serif;}
.pagination a:hover, .pagination a.selected {color:#069; text-decoration:underline;}

/* Global */
.background_1 {background: #daecfe !important;}
.changeStatusAjax {cursor: pointer;}
.changeStatusAjax:hover {background: #f4f8fc;}











